<!DOCTYPE html>
<html lang="en">
  <!--<< Header Area >>-->
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="modinatheme" />
    <meta
      name="description"
      content="DalTech - IT Solution & Technology Html Template" />
    <!-- ======== Page title ============ -->
    <title>DalTech - IT Solution & Technology Html Template</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/preloader.svg" />
    <!--<< Bootstrap min.css >>-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!--<< Font Awesome.css >>-->
    <link rel="stylesheet" href="assets/css/font-awesome.css" />
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <!--<< Slick.css >>-->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <!--<< Main.css >>-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--<< Style.css >>-->
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text-preloader="望" class="letters-loading">望</span>
          <span data-text-preloader="今" class="letters-loading">今</span>
          <span data-text-preloader="科" class="letters-loading">科</span>
          <span data-text-preloader="技" class="letters-loading">技</span>
        </div>
        <p class="text-center">Loading</p>
      </div>
      <div class="loader">
        <div class="row">
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Offcanvas Area Start -->
    <div class="fix-area">
	    <div class="offcanvas__info">
		    <div class="offcanvas__wrapper">
			    <div class="offcanvas__content">
				    <div
						    class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
					    <div class="offcanvas__logo">
						    <a href="index.html">
							    <img src="assets/img/logo/logo5.svg" alt="logo-img"/>
						    </a>
					    </div>
					    <div class="offcanvas__close">
						    <button>
							    <i class="fas fa-times"></i>
						    </button>
					    </div>
				    </div>
				    <p class="d-none d-lg-block">
					    公司介绍
				    </p>
				    <div class="mobile-menu fix mb-3"></div>
				    <div class="offcanvas__contact">
					    <h4>关于我们</h4>
					    <ul>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon">
								    <i class="fal fa-map-marker-alt"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a target="_blank" href="#">郑州市管城紫荆山路59号 裕鸿国际B座 1519室</a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="fal fa-envelope"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a href="mailto:info@azent.com">
									    <span class="mailto:wangjinbrand@163.com">wangjinbrand@163.com</span>
								    </a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="fal fa-clock"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a target="_blank" href="#">9.00 – 18:00 周一至周五</a>
							    </div>
						    </li>
						    <li class="d-flex align-items-center">
							    <div class="offcanvas__contact-icon mr-15">
								    <i class="far fa-phone"></i>
							    </div>
							    <div class="offcanvas__contact-text">
								    <a href="tel:+15544009137">+15544009137</a>
							    </div>
						    </li>
					    </ul>
					    <div class="header-button mt-4">
						    <a href="contact.html" class="theme-btn text-center">
                  <span>
                    联系我们
                    <i class="fas fa-chevron-right"></i>
                  </span>
						    </a>
					    </div>
					    <!--					<div class="social-icon d-flex align-items-center">-->
					    <!--						<a href="#"><i class="fab fa-facebook-f"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-twitter"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-youtube"></i></a>-->
					    <!--						<a href="#"><i class="fab fa-linkedin-in"></i></a>-->
					    <!--					</div>-->
				    </div>
			    </div>
		    </div>
	    </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Top Start -->
    <div class="header-top-section-3">
      <div class="container-fluid">
        <div class="header-top-wrapper style-2 style-3 color-style">
          <div class="top-left">
            <ul class="contact-list">
              <li>
                <span>Call</span>
                是否还在犹豫？
                <a href="contact.html">联系我们</a>
              </li>
              <li>
                <i class="fas fa-map-marker-alt"></i>
	              郑州市管城紫荆山路59号 裕鸿国际B座 1519室
              </li>
              <li>
                <i class="fas fa-envelope"></i>
                <a href="mailto:wangjinbrand@163.com" class="line-none">
	                wangjinbrand@163.com
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-section-3">
      <div id="header-sticky" class="header-3">
        <div class="container-fluid">
          <div class="mega-menu-wrapper">
            <div class="header-main style-2">
              <div class="logo">
                <a href="index.html" class="header-logo">
                  <img src="assets/img/logo/logo3.svg" alt="logo-img" />
                </a>
              </div>
              <div class="header-left">
                <div class="mean__menu-wrapper">
                  <div class="main-menu">
                    <nav id="mobile-menu">
                      <ul>
                        <li class="has-dropdown active menu-thumb">
                          <a href="index.html">首页</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="service.html">服务</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="project.html">案例</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="faq.html">解决方案</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="about.html">关于我们</a>
                        </li>
                        <li class="has-dropdown active menu-thumb">
                          <a href="contact.html">联系我们</a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
              <div
                class="header-right d-flex justify-content-end align-items-center">
                <div class="header-button">
                  <a href="contact.html" class="theme-btn">
                    <span>
                      联系我们
                      <i class="fas fa-chevron-right"></i>
                    </span>
                  </a>
                </div>
                <div class="header__hamburger d-xl-block my-auto">
                  <div class="sidebar__toggle">
                    <div class="header-bar">
                      <span></span>
                      <span></span>
                      <span></span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!--<< Breadcrumb Section Start >>-->
    <div
      class="breadcrumb-wrapper section-padding bg-cover"
      style="background-image: url('assets/img/breadcrumb.jpg')">
      <div class="container">
        <div class="page-heading">
          <h1 class="wow fadeInUp" data-wow-delay=".3s">案例</h1>
          <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
            <li>
              <a href="index.html">首页</a>
            </li>
            <li>
              <i class="fal fa-minus"></i>
            </li>
            <li>案例</li>
          </ul>
        </div>
      </div>
    </div>

    <!--<< Project Section Start >>-->
    <section class="project-section fix section-padding">
      <div class="container">
        <div class="row g-4">
          <div class="col-lg-7 wow fadeInUp" data-wow-delay=".3s">
            <div class="project-image">
              <img src="assets/img/project/07.jpg" alt="project-img" />
              <a href="assets/img/project/07.jpg" class="icon img-popup">
                <i class="fal fa-plus"></i>
              </a>
              <div class="project-content">
                <h3>
                  <a href="project-details.html">Professional Website Design</a>
                </h3>
                <p>Web Design & Development</p>
              </div>
            </div>
          </div>
          <div class="col-lg-5 wow fadeInUp" data-wow-delay=".5s">
            <div class="project-image">
              <img src="assets/img/project/08.jpg" alt="project-img" />
              <a href="assets/img/project/08.jpg" class="icon img-popup">
                <i class="fal fa-plus"></i>
              </a>
              <div class="project-content">
                <h3>
                  <a href="project-details.html">Professional Website Design</a>
                </h3>
                <p>Web Design & Development</p>
              </div>
            </div>
          </div>
          <div class="col-lg-5 wow fadeInUp" data-wow-delay=".3s">
            <div class="project-image">
              <img src="assets/img/project/09.jpg" alt="project-img" />
              <a href="assets/img/project/09.jpg" class="icon img-popup">
                <i class="fal fa-plus"></i>
              </a>
              <div class="project-content">
                <h3>
                  <a href="project-details.html">Professional Website Design</a>
                </h3>
                <p>Web Design & Development</p>
              </div>
            </div>
          </div>
          <div class="col-lg-7 wow fadeInUp" data-wow-delay=".5s">
            <div class="project-image">
              <img src="assets/img/project/10.jpg" alt="project-img" />
              <a href="assets/img/project/10.jpg" class="icon img-popup">
                <i class="fal fa-plus"></i>
              </a>
              <div class="project-content">
                <h3>
                  <a href="project-details.html">Professional Website Design</a>
                </h3>
                <p>Web Design & Development</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Brand Section Start >>-->
    <div class="brand-section-2 fix section-bg-2 mt-0">
      <div class="container">
        <div class="brand-wrapper style-2">
          <div class="brand-carousel-active-2">
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!--<< Footer Section Start >>-->
    <footer class="footer-section footer-bg section-padding pb-0">
	    <div class="container">
		    <div class="footer-widgets-wrapper">
			    <div class="row">
				    <div class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".2s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <a href="index.html">
								    <img src="assets/img/logo/logo4.svg" alt="logo-img" />
							    </a>
						    </div>
						    <div class="footer-content">
							    <p>
								    我们相信它有能力做到这一点
								    <br />
								    令人惊奇的事情。
							    </p>
							    <span>有兴趣和我们一起合作吗?</span>
							    <br />
							    <a href="mailto:wangjinbrand@163.com" class="link">wangjinbrand@163.com</a>
						    
						    </div>
					    </div>
				    </div>
				    <div class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".4s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>快速链接</h5>
						    </div>
						    <ul class="list-items">
							    <li>
								    <a href="service.html">服务</a>
							    </li>
							    <li>
								    <a href="project.html">案例</a>
							    </li>
							    <li>
								    <a href="faq.html">解决方案</a>
							    </li>
							    <li>
								    <a href="about.html">关于我们</a>
							    </li>
							    <li>
								    <a href="contact.html">联系我们</a>
							    </li>
						    </ul>
					    </div>
				    </div>
				    <div class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".6s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>我们的服务</h5>
						    </div>
						    <ul class="list-items">
							    <li>
								    <a href="javascript:void(0);">高端网站定制</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">移动端网站建设</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">小程序高端定制开发</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">云产品</a>
							    </li>
							    <li>
								    <a href="javascript:void(0);">电商平台</a>
							    </li>
						    </ul>
					    </div>
				    </div>
				    <div class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".8s">
					    <div class="single-footer-widget">
						    <div class="widget-head">
							    <h5>地址：</h5>
						    </div>
						    <div class="footer-address-text">
							    <p>郑州市管城紫荆山路59号 裕鸿国际B座 1519室</p>
							    <h5>工作时间：</h5>
							    <p>
								    9.00 – 18:00
								    <br />
								    周一至周五
							    </p>
						    </div>
					    </div>
				    </div>
			    </div>
		    </div>
	    </div>
	    <div class="footer-bottom">
		    <div class="container">
			    <div class="footer-wrapper d-flex align-items-center justify-content-between">
				    <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
					    Copyright © 2024 by
					    <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
					    . All Rights Reserved.
				    </p>
				    <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
					    <li>
						    <a href="about.html">关于我们</a>
					    </li>
					    <li>
						    <a href="contact.html">联系我们</a>
					    </li>
					    <li>
						    <a href="faq.html">解决方案</a>
					    </li>
				    </ul>
			    </div>
		    </div>
		    <a href="#" id="scrollUp" class="scroll-icon">
			    <i class="far fa-arrow-up"></i>
		    </a>
	    </div>
    </footer>
    
    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>
    <!--<< Bootstrap Js >>-->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Slick Js >>-->
    <script src="assets/js/slick.min.js"></script>
    <!--<< Slick Animation Js >>-->
    <script src="assets/js/slick-animation.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Circle Progress Js >>-->
    <script src="assets/js/circle-progress.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
